<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>个人博客-用户注册-register</title>
    <link rel="icon" href="images/icon.icon" />
    <link rel="stylesheet" href="css/register.css" />
    <link rel="stylesheet" href="css/base.css" />
    <script src="js/register.js"></script>
    <!-- 引入字体图标 -->
    <!-- 引入字体图标 -->
    <style>
      @font-face {
        font-family: "icomoon";
        src: url("fonts/icomoon.eot?42pqcu");
        src: url("fonts/icomoon.eot?42pqcu#iefix") format("embedded-opentype"),
          url("fonts/icomoon.ttf?42pqcu") format("truetype"),
          url("fonts/icomoon.woff?42pqcu") format("woff"),
          url("fonts/icomoon.svg?42pqcu#icomoon") format("svg");
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }
      span {
        font-family: "icomoon";
      }
    </style>
  </head>
  <body>
    <header>
      <a href="index.html"><img /></a>
      <h2>用户注册</h2>
      <p>已有账户去<a href="#">登录</a></p>
    </header>
    <div class="biaodan">
      <!-- 表单提交模块部分开始 -->
      <form id="form" method="post" class="form">
        <div class="form-control">
          <label for="username">用户名:</label>
          <input type="text" name="uname" id="username"  placeholder="请输入用户名" />
          <small>错误信息</small>
        </div>
        <div class="form-control">
          <label for="email">邮箱:</label>
          <input type="text" id="email" placeholder="请输入邮箱" />
          <small>错误信息</small>
        </div>
        <div class="form-control">
          <label for="password">密码:</label>
          <input type="password" id="password" placeholder="请输入密码" />
          <small>错误信息</small>
        </div>
        <div class="form-control">
          <label for="password2">确认密码:</label>
          <input type="password" id="password2" placeholder="请再次输入密码" />
          <small>错误信息</small>
        </div>
        <button type="submit" onclick="checkForm()">提交</button>
        <button type="reset">重置</button>
      </form>
      <!-- 表单提交模块部分结束 -->

      <!-- 快捷登录页面模块部分开始 -->
      <div class="quick">
        <ul>
          <a href="#"
            ><li class="qq"><span></span></li></a
          >
          <a href="#"
            ><li class="wx"><span></span></li></a
          >
        </ul>
      </div>
      <!-- 快捷登录页面模块部分结束 -->
    </div>

    <!-- footer页脚模块开始 -->
    <footer>
      <h3>怕催花信紧，风风雨雨，误了春光。</h3>
      <p>&copy;欢迎订阅我的博客</p>
    </footer>
    <!-- footer页脚模块结束 -->
  </body>
</html>
